<!--
 * @Author: your name
 * @Date: 2021-08-11 15:27:35
 * @LastEditTime: 2021-08-11 16:18:18
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \finance_system\src\App.vue
-->
<template>
  <div id="app">
    <ul>
    <tree :model="data"></tree>
    </ul>
  </div>
</template>

<script>
import tree from './components/tree/tree.vue'

export default {
  name: 'App',
  components: {
    tree
  },
  data () {
    return {
      data: data
    }
  }
}

var data = {
  name: 'My Tree',
  children: [
    { name: 'hello' },
    { name: 'wat' },
    {
      name: 'child folder',
      children: [
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        },
        { name: 'hello' },
        { name: 'wat' },
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        }
      ]
    }
  ]
}
</script>

<style>

</style>
